<%
DIRECTIVE SAFE_OUTPUT_OPEN;
%>
<meta charset="utf-8" />
<script src="${ctxPath}/static/js/common_backfill.js"></script>
<script src="${ctxPath}/common/static/js/cell_backfill_list2.js"></script>
<style>
.layui-layer {
	background-color: rgba(0,0,0,0);
}
</style>
<div style="background: #FFF;width: 100%;height: 100%;">
 	<div style="width:90%;margin-left:auto;margin-right:auto;margin-bottom:20px;padding-top:20px;">
		 <div class="row">
			<div class="col-sm-12 col-md-12 col-lg-12">
				<div class="input-group">
				   	<input name="cellName" type="text" value="${cellName}" class="form-control input-lg search-query" placeholder="单元搜索" />
				 	<input name="communityId" type="hidden" value="${communityId}" />
					<span class="input-group-addon btn_search">搜索</span>
				</div>
			</div>
			<div class="col-sm-12 col-md-12 col-lg-12">
				<textarea name="selectedComms" id="selectedComms" class="form-control form-input" readonly="readonly" style="width:100%;height:50px;resize:none;"></textarea>
			</div>
		</div>
	</div>
	
	<div id="popCell2ListTableDiv" class="my-table">
		<table class="table table-striped table-hover my-table-head">
			<thead>
				<tr style="height:40px;">
					<th class="no-border" style="width: 60px;"><input id="popCheckbox" type="checkbox" value='tmdbb' name="popCheckbox" style="margin-right:4px;">全选</th>
		   			<th>单元</th>
		   			<th>楼栋</th>
		   			<th>小区</th>
				</tr>
			</thead>
		</table>
		<div class="scroll-pane pop-scroll-pane">
			<table class="table table-striped table-hover my-table-body cell_backfill2">
				<tbody>
					<%for(cell in pageList){%>
					<tr>
						<td class="text-center no-border">
							<input type="checkbox" name="cell.id"  value="${cell.cellId}" style="vertical-align:-2px;">
						</td>
					   	<td>${cell.cellName}</td>
					   	<td>${cell.buildName}</td>
					   	<td>${cell.communityName}</td>
					</tr>  
					<%}%>
				</tbody>
			</table>
		</div>
		<table class="table table-striped table-hover my-table-foot">
			<tfoot>
				<tr style="height:40px;">
					<td>
						<a href="#" style="height:24px;width:50px;position:absolute;margin-left:6px;border-radius:20px;border:none;background:#fff;box-shadow:0px 0px 2px #909090 inset;padding:4px 12px;color:#3d6bc9;" id="btn_commSelected">确定</a>
						<!-- 分页条 -->
						<div class="text-center"> 
						     <%
						       var current = pageIndex.currentpage;
						       var total = pageIndex.totalpage;
						     %>
						     <div class="pagination my-pagination">
								<div>
									<a class="page-start" data="1" href="#1">
										<span class="glyphicon glyphicon-step-backward"></span>
									</a>
								</div>
								<div>
									<a class="page-pre" data="<% if(current <= 1){%>1<%}else{%>${current - 1 }<%}%>" href="#<% if(current <= 1){%>1<%}else{%>${current - 1 }<%}%>">
										<span class="glyphicon glyphicon-triangle-left"></span>
									</a>
								</div>
								<div>
									<span>第</span>
									<input class="page-current" data="${current}" name="currentPage" value="${current}">
									<span>页</span>
								</div>
								<div>
									<span>共</span>
									<span class="page-total" data="${total}">${total}</span>
									<span>页</span>
								</div>
								<div>
									<a class="page-next" data="<% if(current >= total){%>${total}<%}else{%>${current + 1 }<%}%>" href="#<% if(current >= total){%>${total}<%}else{%>${current + 1 }<%}%>">
										<span class="glyphicon glyphicon-triangle-right"></span>
									</a>
								</div>
								<div>
									<a class="page-end" data="${total}" href="#${total}">
										<span class="glyphicon glyphicon-step-forward"></span>
									</a>
								</div>
							</div>
						</div>
					</td>
				</tr>
			</tfoot>
		</table>
	</div>
</div>

<%
DIRECTIVE SAFE_OUTPUT_CLOSE;
%>
